<script>
import defaultSettings from '@/settings'
import { guest } from '@/mixins/guest'
export default {
  name: 'GuestDefaultFooter',
  mixins: [guest],
  data() {
    return {
      setting: defaultSettings
    }
  }
}
</script>

<template>
  <div class="footer-body" :style="footerBody">
    <div class="footer-fix">
      <div class="footer-header">
        <div class="footer-content-li">
          地址：{{ setting.schoolAddress }} 传真：{{ setting.schoolPhone }} 邮政编码：{{ setting.yb }}
        </div>
        <div class="footer-content-li">
          建议：使用IE10以上、Chrome或Firefox等浏览器
        </div>
      </div>
      <div class="footer-button">{{ setting.footerTxt }} - {{ setting.caseNumber }}</div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.footer-body {
  width: 100%;
  height: 100%;
  .footer-fix {
    background-color: var(--footer-body-bak);
    min-width: 75rem;
    padding: 0 calc(50% - 40.8rem);
    height: 100%;
    box-sizing: border-box;
    position: relative;
    color: var(--footer-body-font-color);
    .footer-header {
      width: 100%;
      height: 110px;
      line-height: 110px;
      display: flex;
      flex-flow: row nowrap;
      padding-top: 25px;
      padding-bottom: 25px;
      box-sizing: border-box;
      .footer-content-li {
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 0.9rem;
      }
    }
    .footer-button {
      width: 100%;
      height: 60px;
      line-height: 60px;
      text-align: center;
      font-size: 0.9rem;
    }
  }
}
</style>
